<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
</head>
<body>
            <div class="demo01">
                <img src="车.png" alt="">
                <span>我的购物车</span>
                <div class="li">108</div>
            </div>
                <style>
                    .demo01 {
                        width: 200px;
                        height: 50px;
                        margin: 20px;
                        color: red;
                        position: fixed;
                    }
                
                    .demo01 img {
                        width: 50px;
                        height: 50px;
                        vertical-align: middle;
                    }
                
                    .li {
                        position: fixed;
                        width: 30px;
                        height: 20px;
                        font-size: 15px;
                        font-weight: 700px;
                        text-align: center;
                        background-color: red;
                        color: #f8f4f4;
                        border-radius: 10px;
                        position: absolute;
                        left: 30px;
                        bottom: 30px;
                    }
                </style>
</body>
</html>